<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title>充值选择</title>
		<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/main.css" />
	</head>

	<body class="bg-gray">
		<!--顶部-->
		<header>
			<a href="javascript:history.go(-1)" class="iconfont icon-zuojiantou1"></a>
			<img src="../../img/logo.png" class="newlogo"/>
			<a href="../data/edit_send.html" class="share">
				<i class="iconfont icon-people"></i>
			</a>
		</header>
		<!--顶部-->
		<!--内容-->
		<div class="container pt2" style="padding-bottom: 4rem;">
			<p class="getPaper">您已获赠一张4.9元优惠券</p>
			<div class="chooseList">
				<ul>
					<!--<li class="row">
						<i class="iconfont icon-checkBox" onclick="choose(this)"></i>
						<div class="bigChoose column">
							<p><em>4.9</em>元/天</p>
							<span>原价<em>9.9元</em></span>
						</div>
						<div class="morechoose column">
							<div class="areachoose row">
								<span>全区域</span>
								<em>海南</em>
								<em>广西</em>
								<em>云南</em>
							</div>
							<div class="unit row">
								<span>购买数量(天)</span>
								<div class="cal row">
									<em onclick="reduce(this)">-</em>
									<input type="text" value="1" />
									<em onclick="add(this)">+</em>
								</div>
							</div>
						</div>
					</li>
					<li class="row">
						<i class="iconfont icon-checkBox" onclick="choose(this)"></i>
						<div class="bigChoose column">
							<p><em>4.9</em>元/月</p>
							<span>原价<em>9.9元</em></span>
						</div>
						<div class="morechoose column">
							<div class="areachoose row single">
								<span>单区域</span>
								<em onclick="chooseOne(this)">海南</em>
								<em onclick="chooseOne(this)">广西</em>
								<em onclick="chooseOne(this)">云南</em>
							</div>
							<div class="unit row">
								<span>购买数量(天)</span>
								<div class="cal row">
									<em onclick="reduce(this)">-</em>
									<input type="text" value="1" />
									<em onclick="add(this)">+</em>
								</div>
							</div>
						</div>
					</li>-->
					<li class="row">
						<i class="iconfont icon-checkBox" onclick="choose(this)"></i>
						<div class="bigChoose column">
							<p><em>+19.9</em>元</p>
							<span>原价<em>99元</em></span>
						</div>
						<div class="morechoose column">
							<div class="areachoose row single bold">
								<span>重新购买全区域会员套餐</span>
							</div>
							<div class="unit row">
								<span>购买数量<em>(月)</em></span>
								<div class="cal row">
									<em onclick="reduce(this)">-</em>
									<input type="text" value="1" />
									<em onclick="add(this)">+</em>
								</div>
							</div>
						</div>
					</li>
					<li class="row">
						<i class="iconfont icon-checkBox" onclick="choose(this)"></i>
						<div class="bigChoose column">
							<p><em>+19.9</em>元</p>
							<span>原价<em>99元</em></span>
						</div>
						<div class="morechoose column three">
							<div class="areachoose row single bold">
								<span>体验套餐</span>
							</div>
							<div class="areachoose row single">
								<span>查看楼盘数量：20个</span>
							</div>
							<div class="unit row">
								<span>购买数量：<em>1个月</em></span>
							</div>
						</div>
					</li>
					<li class="row">
						<i class="iconfont icon-checkBox" onclick="choose(this)"></i>
						<div class="bigChoose column">
							<p><em>+19.9</em>元</p>
							<span>原价<em>99元</em></span>
						</div>
						<div class="morechoose column three">
							<div class="areachoose row single bold">
								<span>全区域会员</span>
							</div>
							<div class="areachoose row single">
								<span>查看楼盘数量：不限</span>
							</div>
							<div class="unit row">
								<span>购买数量<em>(月)</em></span>
								<div class="cal row">
									<em onclick="reduce(this)">-</em>
									<input type="text" value="1" />
									<em onclick="add(this)">+</em>
								</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!--内容-->
		<div class="paybox">
			<div class="totalbox row">
				<span>合计：</span>
				<div class="column">
					<label>14.9元</label>
					<!--<em>优惠券减4.9元</em>-->
					<em>原套餐折现4.9元</em>
				</div>
				<p>有效期：2018.5.20 20:00</p>
			</div>
			<a>去微信支付</a>
		</div>
		<script src="../../js/jquery.min.js"></script>
		<script src="../../js/wap.js"></script>
		<script type="text/javascript">
			function choose(e){
				if($(e).hasClass('icon-checkBox')){
					$('.chooseList ul li').removeClass('current');
					$(e).parent('li').addClass('current');
					$('.chooseList ul li i').removeClass('icon-check-fill').addClass('icon-checkBox');
					$(e).removeClass('icon-checkBox').addClass('icon-check-fill');
				} else {
					$(e).parent('li').removeClass('current');
					$(e).addClass('icon-checkBox').removeClass('icon-check-fill');
				}
			}
			function chooseOne(e){
				if($(e).hasClass('current')){
					$(e).removeClass('current');
				} else {
					$('.areachoose em').removeClass('current');
					$(e).addClass('current');
				}
			}
			$('input').bind("keyup",function(){
				$(this).val($(this).val().replace(/[\D]/g, ""));
			});
			function reduce(e){
				var t = $(e).siblings('input');
				t.val(parseInt(t.val())-1); //点击减号输入框数值减1
			    if(t.val()<=0){
			        t.val(parseInt(t.val())+1); //最小值为1
			    }
			}
			function add(e){
				var t = $(e).siblings('input');
				t.val(parseInt(t.val()) + 1);
			}
		</script>
	</body>

</html>